<template>
  <v-full-screen-layout
    v-if="visible"
    title="操作详情页面"
    v-model:visible="visible"
    :showConfirmBtn="false"
    @close="close"
  >
    <v-detail-layout label-width="110px">
      <v-detail-item label="测试" text="测试水水水水水水水水水水水水测试水水水水水水水水水水水水测试水水水水水水水水水水水水测试水水水水水水水水水水水水"></v-detail-item>
      <v-detail-item label="测试" text="测试水水水水水水水水水水水水测试水水水水水水水水水水水水测试水水水水水水水水水水水水测试水水水水水水水水水水水水"></v-detail-item>
      <v-detail-item label="测试" text="测试水水水水水水水水水水水水测试水水水水水水水水水水水水测试水水水水水水水水水水水水测试水水水水水水水水水水水水"></v-detail-item>
      <v-detail-item
        :span="8"
        label="测试数据超长"
        text="测试水水水水水水水水水水水水测试水水水水水水水水水水水水测试水水水水水水水水水水水水测试水水水水水水水水水水水水"
      ></v-detail-item>
      <v-detail-item
        :span="8"
        label="测试"
        text="测试水水水水水水水水水水水水测试水水水水水水水水水水水水测试水水水水水水水水水水水水测试水水水水水水水水水水水水"
      ></v-detail-item>
      <v-detail-item
        :span="8"
        label="测试"
        text="测试水水水水水水水水水水水水测试水水水水水水水水水水水水测试水水水水水水水水水水水水测试水水水水水水水水水水水水"
      ></v-detail-item>
      <v-detail-item
        :span="24"
        label="测试"
        text="测试水水水水水水水水水水水水测试水水水水水水水水水水水水测试水水水水水水水水水水水水测试水水水水水水水水水水水水"
      ></v-detail-item>
    </v-detail-layout>
  </v-full-screen-layout>
</template>

<script setup lang="ts">
const props = withDefaults(defineProps<{ visible: boolean }>(), {
  visible: false
})
const emit = defineEmits(['update:visible'])
const close = () => {
  emit('update:visible', false)
}
</script>

<style scoped>
</style>